html {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    background: url("../images/bodys.jpg") repeat-x #B9E6F9;
    font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
    /*-webkit-text-size-adjust: none;*/
    /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB";*/
}

p,
span,
a,
ul,
ol,
table {
    color: #73777a;
}

.bgredtest {
    background: red !important;
}

.bordered {
    border: 1px solid #424242;
}

.shadowed {
    box-shadow: 0 2px 15px rgba(0, 0, 0, .15);
}

.radiused {
    border-radius: 5px;
}

.lightgrybg {
    background-color: rgb(245, 245, 246);
}

.mediumgrybg{
    background-color: #EAEAEA;
}

ul {
    padding-inline-start: 0 !important;
}

ul li {
    list-style: none
}

a:hover {
    text-decoration: none;
}

p,
ul,
ol {
    line-height: 1.8em;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.cb {
    clear: both;
}

.smaller-text {
    font-size: 0.7rem !important;
}

.medium-text {
    font-size: 0.9rem;
}

.small-text {
    font-size: .8rem;
}

.large-text{
    font-size: 1.1rem;
}

.larger-text{
    font-size: 1.2rem;
}

.main-color-text, .main-color {
    color: #0056b3 !important;
}

.bg-main-color{
    background-color: #0056b3 !important;
}

.hover-main-color:hover {
    color: #0056b3 !important;
}

.xlineheight {
    line-height: 1.4rem;
}

.xxlineheight {
    line-height: 1.8rem;
}

.xxxlineheight {
    line-height: 2.2rem;
}

.gray-text {
    color: #5a6268 !important;
}

.black-text {
    color: #000 !important;
}

.kknav-container {
    border: 1px solid #DFDFDF;
    border-left: 0;
    border-right: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

.kknav {
    background: #F2F2F2 !important;
    color: #000 !important;
}

.kknav .nav-link {
    padding: .2rem 2rem !important;
    color: #555;
    font-weight: bold;
}

.kknav a:hover .kknav li {
    background: #FFF;
    color: #1755a2 !important;
}

@media (min-width: 768px) {
    body {
        width: 82%;
        padding-left: 25px !important;
        padding-right: 25px !important;
        margin: 0 auto;
        background: #FFF;
    }
    .kktitle {
        padding: 22px 0px 20px 0px !important;
    }
    .kktitle h1 {
        font-size: 22px;
        font-weight: bolder;
        line-height: 20px;
    }
    .kktitle h1 small {
        font-size: 12px;
        line-height: 13px;
        color: #000 !important;
    }
    .kktitle img.logo {
        width: 100px;
        height: 50px;
    }
    .kknav-container .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
    #kkcarousel {
        margin-top: 4px;
    }
    /* index */
    .index-bestsales .procategory {
        padding-left: 6px;
        padding-right: 6px;
    }
    .index-bestsales .procategory:first-child {
        padding-left: 0;
    }
    .index-bestsales .procategory:last-child {
        padding-right: 0;
    }

    .index-cases-container {
        margin-left: -15px;
        margin-right: -30px;
    }
   .index-cases-container .col-md-3 {
        padding-left: 0;
    }
    .index-cases-container .col-md-3:first-child {
        /*padding-left:0;*/
    }
}

@media (max-width: 768px) {
    body {
        width: 100%;
        background: #FFF;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-brand img.mobilelogo {
        max-height: 30px;
    }
    .navbar-brand h1 {
        font-size: 1.1em;
        font-weight: bolder;
        color: #000 !important;
        margin-bottom: 0;
        padding-left: .5rem;
        line-height: 1rem;
    }
    .kknav {
        padding: .1rem 1rem;
    }
    .kknav-container .navbar .navbar-toggler .iconfont {
        font-size: 2rem;
    }
    .kknav-container .kknav .nav-link {
        text-align: center;
        line-height: 2.3rem;
        background: #FFF;
        color: dimgray;
        margin-bottom: 1px;
    }
    .kknav-container .kknav .nav-link:hover {
        background: gray;
        color: #FFF;
    }

    .index-bestsales .procategory .i-bs-pc-cnt  .index-procategory-content{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .post h1{
        font-size: 1.9rem !important;
    }
}


/* Footer */

#site-footer {
    color: #86868b !important;
}

#site-footer hr {
    margin: 5px 0 !important;
}

#site-footer a {
    /*color:#424242 !important;*/
}

#quickcontactbar {
    position: fixed;
    bottom: 0px;
    /*background: rgba(0, 0, 0, 0.8);*/
}

#quickcontactbar a {
    color: #FFF !important;
}

#quickcontactbar i {
    width: 20px;
    height: 16px;
}

#sidebar-ctoqrcode {
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 150px;
}

#sidebar-ctoqrcode p {
    font-weight: 400;
    font-size: 1.2em;
}


/* index */

.index-bestsales .procategory .i-bs-pc-cnt {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.398438) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.398438) 0 1px 3px;
    border: 1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
    background: -moz-linear-gradient(top, #fafafa, #eeeeee);
}

.index-bestsales .procategory .i-bs-pc-cnt:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dfdfdf));
    background: -moz-linear-gradient(top, #fdfdfd, #dfdfdf);
}

.index-bestsales .procategory .i-bs-pc-cnt h2 {
    font-size: 1rem;
    color: #dc3545;
    font-weight: bold;
}

.index-bestsales .procategory .i-bs-pc-cnt div span {
    font-size: .85rem;
    line-height: 1.7rem;
    text-align: center;
}

.index-bestsales .procategory .i-bs-pc-cnt a{
    display: inline-block;
    padding-left: .4rem;
}

.index-bestsales .procategory .i-bs-pc-cnt a:first-child{
    padding-left: 0;
}


.index-company-intro h2 {
    font-size: .9rem;
    line-height: 1.45rem;
    margin-top: 1rem;
    margin-bottom: .8rem;
}

/* index cases & cases index */

.index-cases-content,
.list-card-item {
    border: 1px solid rgba(155, 155, 155, .15);
    border-right: 0;
    border-bottom: 0;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .15);
}

.index-cases-content,
.list-card-item,
.list-card-item-title,
.list-card-item-btn {
    transition-property: all;
    transition-duration: .2s;
}

.index-cases-content:hover,
.list-card-item:hover {
    /*box-shadow: #9b9b9b 5px 5px 5px 5px;*/
    box-shadow: #e5e5e5 2px 2px 1px 1px;
}

.list-card-item:hover .list-card-item-title {
    color: #0056b3 !important;
}

.list-card-item-btn{
    color:#FFF;
    background-color: #0056b3;
    border:none;
}

.list-card-item:hover .list-card-item-btn {
    /*color: #FFF;*/
    /*background-color: #0056b3 !important;*/
    -webkit-transform: scale3d(0.9,0.9,0.9);

}

.list-card-item-title {
    font-size: 1rem;
}

.list-card-item-desc {
    font-size: .8rem;
}

.list-card-item h3,
.list-card-item h2 {
    font-size: 1rem;
}


/* article index */

.article-index .article-list:nth-child(1) {
    margin-top: 0 !important;
}

.go-btn,
.article-list-item-title,
.article-list-item,
.page-navigation i {
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

.article-list-item-title h3{
    font-size: 1.3rem !important;
}

.go-btn {
    background-color: #6c757d;
    color: #FFF !important;
    transition-duration: .2s;
    transform-origin: left;
}

.go-btn:hover,
.article-list-item:hover .go-btn {
    background-color: #0056b3;
    color: #FFF;
    transform: scaleX(1.05);
    -moz-transform: scaleX(1.05);
    -ms-transform: scaleX(1.05);
    -webkit-transform: scaleX(1.05);
}

.article-list-item-title {
    color: #0056b3;
}

.article-list-item:hover {
    box-shadow: 0 20px 150px rgba(0, 0, 0, .5);
}

.page-navigation a {
    margin-right: 1rem;
}

.page-navigation a:last-child {
    margin-right: 0;
}

.page-navigation i {
    display: inline-block;
}

.page-navigation a:hover i {
    transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
}


/* post */

.post-content table {
    width: 100%;
    text-align: center;
    line-height: 2em;
    border-collapse: collapse;
    border: none;
}

.post-content table th {
    font-weight: normal;
    line-height: 1.6rem;
}

.post-content table td,
.post-content table th {
    border: 1px solid silver;
}

.post-content table tr:nth-child(2n) {
    background: #EAEAEA;
}

.post-content table tr:hover,
.post-content table th {
    background: #1755a2;
    color: #FFF;
}

.post h1 {
    font-size: 2rem;
    color:#1755a2;
    text-shadow: 5px 5px 5px #eaeaea;
}

.post h2,
.article-index h2 {
    font-size: 1.5rem;
    padding-top: 1.2rem;
    padding-bottom: .4rem;
}

.post h3, {
    font-size: 1.1rem;
    padding-top: .8rem;
    padding-bottom: .3rem;
}

.post h4{
    font-size: 1rem;
}

.post p {
    margin-top: .2rem;
    margin-bottom: .7rem;
}

.product-info li {
    list-style-type: disc;
    list-style-position: inside;
}